<template>
	<view class="loginBox">
		<view class="buttonBox">
			<p>
				<img src="../../static/tu1.jpg">
			</p>
			<button class="login">微信手机号快捷登录</button>
			<button class="registered">手机号登录/注册</button>
		</view><!-- buttonBox结尾 -->
		<view class="agreement">
			复选框暂定
		</view><!-- 协议结尾 -->
	</view><!-- loginBox结尾 -->
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style scoped>
	.loginBox {
		background-color: white;
		height: 1400rpx;
		width: 100%;
	}

	.buttonBox {
		width: 100%;
		padding-top: 170rpx;

	}

	.buttonBox p img {
		width: 100%;
		height: 450rpx;
	}

	.login {
		border: 1px #D7483D solid;
		width: 600rpx;
		height: 100rpx;
		line-height: 100rpx;
		background: linear-gradient(to right, #EF4044, #F06944);
		color: white;
	}

	.registered {
		width: 600rpx;
		height: 100rpx;
		line-height: 100rpx;
		border: 1px #CCCCCC solid;
		margin-top: 20px;
	}
</style>
